<template>
  <div class="wf-box">
    <div class="wf-sec">
      <van-row>
        <van-col class="wf-hard" span="24">估损预约维修</van-col>
        <van-col class="wf-hard-text" span="20">服务流程</van-col>
      </van-row>
      <ul>
        <li>
          <input type="radio" disabled="disabled" class="clear" />
          <p>用户预约，司机接单</p>
        </li>
        <li>
          <input type="radio" disabled="disabled" class="clear" />
          <p>司机到达您的位置取到车到达您指定的店维修，理赔助手全程监控</p>
        </li>
        <li>
          <input type="radio" disabled="disabled" class="clear" />
          <p>司机将修好的车在指定时间开到您的指定位置</p>
        </li>
      </ul>
      <van-divider />
      <van-row>
        <van-col class="wf-hard-text" span="20">服务保障</van-col>
      </van-row>
      <ul>
        <li>
          <input type="radio" disabled="disabled" class="clear" />
          <p>服务过程中遇到的问题解决方法</p>
        </li>
        <li>
          <input type="radio" disabled="disabled" class="clear" />
          <p>服务过程中遇到的问题解决方法</p>
        </li>
        <li>
          <input type="radio" disabled="disabled" class="clear" />
          <p>服务过程中遇到的问题解决方法</p>
        </li>
      </ul>
    </div>
    <div class="wf-btn">
      <van-button type="default" size="large"  @click="myClick">立即预约</van-button>
    </div>
  </div>
</template>
<script>
export default {
  methods: {
    onClickLeft() {
      // Toast("返回");
    },
    onClickRight() {
      // Toast("按钮");
    },
    myClick(){
      this.$router.push({
        path:'/car/brand',
        query: {
          hardText:'汽车品牌'
        }
      })
    }
  },
};
</script>

<style lang="scss" scoped>
.wf-box {
  width: 90%;
  margin: 10px auto;
  .wf-sec {

    .wf-hard,
    .wf-hard-text {
      margin-top: 10px;
      margin-bottom: 10px;
      font-weight: 600;
      font-size: 18px;
    }
    .wf-hard {
      text-align: center;
    }

    ul {
      li {
        height: 30px;
        margin: 24px;
        input,
        p {
          height: 26px;
        }
        input {
          float: left;
          margin-right: 10px;
        }
      }
    }
  }
  .wf-btn {
    width: 160px;
    margin: 30px auto;
  }
}
</style>